<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4690628" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">数据地图（用这个）</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">正则校验01</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">字典标准化01</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">字符串截取01</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">全半角转换01</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">去除特定字符01</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">去重校验01</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">空值校验01</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">去除空白01</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">整形校验01</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">长度校验01</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">时间格式化01</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">大小写转换01</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">汉语转拼音01</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">精度标准化01</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">数据脱敏01</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">同义词替换01</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">正则校验</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">字符串截取</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">去除特定字符</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">长度校验</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">同义词替换</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">大小写转换</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">字典标准化</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">汉语转拼音</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">全半角转换</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">精度标准化</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">空值校验</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">去除空白</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">整形校验</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">去重校验</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">时间格式化</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">数据脱敏</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">拖拽</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">暂停图标</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">失败</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">正在进行</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">警示</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">转换</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">前进</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">左</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">后退</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">组件管理</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">格式化</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">数据开发</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">数据服务</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">数据清洗</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">数据汇聚</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">数据安全</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">数据分析</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">数据存储</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">运维监控</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">数据管控</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">数据产品</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">列</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">表</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">HIVE</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">ic_数据加密</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">ic-数据合规审计</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">ic_数据门户</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">ic_数据水印</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">ic_数据隐私保护</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">ic_比对</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">ic_取消收藏</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">ic_search</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">basic-icon-calendar</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">数据流实例</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">数据录入</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">任务实例</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">库级同步</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">数据流定义</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">模版管理</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">业务系统</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">规则库</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">概览</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">类目管理</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">元数据</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">数据关联</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">在线录入</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">数据接入</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">ic_概览</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">ic_系统配置</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">ic_权限管理</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">ic_数梦运维</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">ic_日志管理</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">ic_调度管理</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">ic_数据大盘</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">ic_运维大盘</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">ic_关闭</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">ic_监控管理</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">取消全屏</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">ic-项目管理</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">ic_离线运维</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">ic_数梦离线开发</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">ic_风险管控</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">ic_数据安全审计</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">ic_数据脱敏</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">ic_敏感数据识别</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">ic_敏感数据识别</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">ic_数据API</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">ic_数据共享交换</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">显示导航地图</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">导出图片</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">下载JSON</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">@1x上一步</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">@1x完成</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">@1x执行结果</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">@1x下一步</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">@1x缩小</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">@1xic_增加子分类</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">@1x运行</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">@1x导图适应窗口大小</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">@1x清空</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">@1x定位还原</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">输出给别人-被输出（目的） (1)</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">数据湖输出</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">SQLServer表输入</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">达梦表输入</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">MySQL表输入</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">API接口</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">节点组件</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">数据清洗</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">常量添加</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">他输入给别人-被输入（来源）</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">ic_智能报表</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">ic_统计分析</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">ic_数据探查</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">ic_数据录入</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">ic_数据标准</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">血缘</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">ic_业务生产库</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">ic_主数据</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">ic_数据仓库管理</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">成员管理</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">ic_数据清洗</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">模型管理</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">数据建模</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">ic_指标管理</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">ic_数据源管理</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">ic-维度管理</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">ic_数据仓库管理-2</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">ic_时序数据</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">主数据维护</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">ic_数据分级分类</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">ic_主题库</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">ic_数据集市</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">ic_专题库管理</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">数梦数据地图</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">ic_任务管理</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">ic_数梦数据对账</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">ic_参考数据</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">ic_数据质量</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">资源目录</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">数据分析</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">数据安全</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">取消关联</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">布局</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">导图适应窗口大小</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">自动连线</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">保存 (1)</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">导入1</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">导出数据</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">导入导出</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">任务列表</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">icon-文件夹 2</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">运行</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">启动</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">废止</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">ic_more</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">整改</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">引用列表</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">字典</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">ic_数据服务链</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">关联</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">系统异常报警次数排行</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">应用调用异常</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">数据服务统计</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">今日联网报送</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">数据接入统计</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">今日数据回流</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">对象监控</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">资源调用异常排行</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">今日告警省份</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">报送省份总数</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">今日告警数</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">告警总数</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">今日服务异常数</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">数据安全</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">质量规则</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">创建任务</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">数据标准</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">数据地图</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">血缘</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">数据服务门户</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">运维中心</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">数据服务</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">数据大盘</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">存储空间变化趋势</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">快照</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">模型</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">数据概览</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">存储空间</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">数据表</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">记录数</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">半结构化-面</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">半数据化</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">半结构化-面</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">非结构化-面</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">非结构化数据</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">结构化数据</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">数据湖概览</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">线段</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">定时</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">下线</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">ic_编辑备份</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">ic_delete</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">ic_topbar_link</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">basic-icon-check</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">arrow-up</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">ic_新增</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">basic-icon-more</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">加工逻辑</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">运行</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">arrow-down</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">icon_calendar@1x</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">basic-icon-search</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">上线</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">服务概览</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">任务概览</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">终止</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">停止 (1)</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">失败</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">推送</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">API接入</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">总数</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">任务管理</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">数据流管理</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">数据清洗 (1)-2</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">定时上线</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">传输交换</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">数据管控</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">数据开发</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">basic-icon-message 1</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">basic-icon-search</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">basic-icon-set</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">公共配置</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1752158837027') format('woff2'),
       url('iconfont.woff?t=1752158837027') format('woff'),
       url('iconfont.ttf?t=1752158837027') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-a-shujudituyongzhege"></span>
            <div class="name">
              数据地图（用这个）
            </div>
            <div class="code-name">.icon-a-shujudituyongzhege
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengzexiaoyan01"></span>
            <div class="name">
              正则校验01
            </div>
            <div class="code-name">.icon-zhengzexiaoyan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidianbiaozhunhua01"></span>
            <div class="name">
              字典标准化01
            </div>
            <div class="code-name">.icon-zidianbiaozhunhua01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zifuchuanjiequ01"></span>
            <div class="name">
              字符串截取01
            </div>
            <div class="code-name">.icon-zifuchuanjiequ01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbanjiaozhuanhuan01"></span>
            <div class="name">
              全半角转换01
            </div>
            <div class="code-name">.icon-quanbanjiaozhuanhuan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quchutedingzifu01"></span>
            <div class="name">
              去除特定字符01
            </div>
            <div class="code-name">.icon-quchutedingzifu01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quzhongxiaoyan01"></span>
            <div class="name">
              去重校验01
            </div>
            <div class="code-name">.icon-quzhongxiaoyan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongzhixiaoyan01"></span>
            <div class="name">
              空值校验01
            </div>
            <div class="code-name">.icon-kongzhixiaoyan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quchukongbai01"></span>
            <div class="name">
              去除空白01
            </div>
            <div class="code-name">.icon-quchukongbai01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengxingxiaoyan01"></span>
            <div class="name">
              整形校验01
            </div>
            <div class="code-name">.icon-zhengxingxiaoyan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changduxiaoyan01"></span>
            <div class="name">
              长度校验01
            </div>
            <div class="code-name">.icon-changduxiaoyan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijiangeshihua01"></span>
            <div class="name">
              时间格式化01
            </div>
            <div class="code-name">.icon-shijiangeshihua01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daxiaoxiezhuanhuan01"></span>
            <div class="name">
              大小写转换01
            </div>
            <div class="code-name">.icon-daxiaoxiezhuanhuan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hanyuzhuanpinyin01"></span>
            <div class="name">
              汉语转拼音01
            </div>
            <div class="code-name">.icon-hanyuzhuanpinyin01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingdubiaozhunhua01"></span>
            <div class="name">
              精度标准化01
            </div>
            <div class="code-name">.icon-jingdubiaozhunhua01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujutuomin01"></span>
            <div class="name">
              数据脱敏01
            </div>
            <div class="code-name">.icon-shujutuomin01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongyicitihuan01"></span>
            <div class="name">
              同义词替换01
            </div>
            <div class="code-name">.icon-tongyicitihuan01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengzexiaoyan"></span>
            <div class="name">
              正则校验
            </div>
            <div class="code-name">.icon-zhengzexiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zifuchuanjiequ"></span>
            <div class="name">
              字符串截取
            </div>
            <div class="code-name">.icon-zifuchuanjiequ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quchutedingzifu"></span>
            <div class="name">
              去除特定字符
            </div>
            <div class="code-name">.icon-quchutedingzifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changduxiaoyan"></span>
            <div class="name">
              长度校验
            </div>
            <div class="code-name">.icon-changduxiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongyicitihuan"></span>
            <div class="name">
              同义词替换
            </div>
            <div class="code-name">.icon-tongyicitihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daxiaoxiezhuanhuan"></span>
            <div class="name">
              大小写转换
            </div>
            <div class="code-name">.icon-daxiaoxiezhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidianbiaozhunhua"></span>
            <div class="name">
              字典标准化
            </div>
            <div class="code-name">.icon-zidianbiaozhunhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hanyuzhuanpinyin"></span>
            <div class="name">
              汉语转拼音
            </div>
            <div class="code-name">.icon-hanyuzhuanpinyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbanjiaozhuanhuan"></span>
            <div class="name">
              全半角转换
            </div>
            <div class="code-name">.icon-quanbanjiaozhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingdubiaozhunhua"></span>
            <div class="name">
              精度标准化
            </div>
            <div class="code-name">.icon-jingdubiaozhunhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongzhixiaoyan"></span>
            <div class="name">
              空值校验
            </div>
            <div class="code-name">.icon-kongzhixiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quchukongbai"></span>
            <div class="name">
              去除空白
            </div>
            <div class="code-name">.icon-quchukongbai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengxingxiaoyan"></span>
            <div class="name">
              整形校验
            </div>
            <div class="code-name">.icon-zhengxingxiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quzhongxiaoyan"></span>
            <div class="name">
              去重校验
            </div>
            <div class="code-name">.icon-quzhongxiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijiangeshihua"></span>
            <div class="name">
              时间格式化
            </div>
            <div class="code-name">.icon-shijiangeshihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujutuomin"></span>
            <div class="name">
              数据脱敏
            </div>
            <div class="code-name">.icon-shujutuomin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuozhuai"></span>
            <div class="name">
              拖拽
            </div>
            <div class="code-name">.icon-tuozhuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zantingtubiao"></span>
            <div class="name">
              暂停图标
            </div>
            <div class="code-name">.icon-zantingtubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chenggong1"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-chenggong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shibai1"></span>
            <div class="name">
              失败
            </div>
            <div class="code-name">.icon-shibai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengzaijinhang"></span>
            <div class="name">
              正在进行
            </div>
            <div class="code-name">.icon-zhengzaijinhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-jingshi2"></span>
            <div class="name">
              警示
            </div>
            <div class="code-name">.icon-a-jingshi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanhuan"></span>
            <div class="name">
              转换
            </div>
            <div class="code-name">.icon-zhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianjin"></span>
            <div class="name">
              前进
            </div>
            <div class="code-name">.icon-qianjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangda"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-fangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuo"></span>
            <div class="name">
              左
            </div>
            <div class="code-name">.icon-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtui"></span>
            <div class="name">
              后退
            </div>
            <div class="code-name">.icon-houtui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-you"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.icon-you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zujianguanli"></span>
            <div class="name">
              组件管理
            </div>
            <div class="code-name">.icon-zujianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-biaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rongqi"></span>
            <div class="name">
              格式化
            </div>
            <div class="code-name">.icon-rongqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukaifa1"></span>
            <div class="name">
              数据开发
            </div>
            <div class="code-name">.icon-shujukaifa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujufuwu"></span>
            <div class="name">
              数据服务
            </div>
            <div class="code-name">.icon-shujufuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuqingxi1"></span>
            <div class="name">
              数据清洗
            </div>
            <div class="code-name">.icon-shujuqingxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuhuiju"></span>
            <div class="name">
              数据汇聚
            </div>
            <div class="code-name">.icon-shujuhuiju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuanquan1"></span>
            <div class="name">
              数据安全
            </div>
            <div class="code-name">.icon-shujuanquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai1"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon-gongzuotai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujufenxi1"></span>
            <div class="name">
              数据分析
            </div>
            <div class="code-name">.icon-shujufenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujucunchu"></span>
            <div class="name">
              数据存储
            </div>
            <div class="code-name">.icon-shujucunchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunweijiankong"></span>
            <div class="name">
              运维监控
            </div>
            <div class="code-name">.icon-yunweijiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuguankong"></span>
            <div class="name">
              数据管控
            </div>
            <div class="code-name">.icon-shujuguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuchanpin"></span>
            <div class="name">
              数据产品
            </div>
            <div class="code-name">.icon-shujuchanpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lie"></span>
            <div class="name">
              列
            </div>
            <div class="code-name">.icon-lie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge-2"></span>
            <div class="name">
              表
            </div>
            <div class="code-name">.icon-biaoge-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-HIVE"></span>
            <div class="name">
              HIVE
            </div>
            <div class="code-name">.icon-HIVE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujujiami"></span>
            <div class="name">
              ic_数据加密
            </div>
            <div class="code-name">.icon-ic_shujujiami
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-shujuheguishenji"></span>
            <div class="name">
              ic-数据合规审计
            </div>
            <div class="code-name">.icon-ic-shujuheguishenji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujumenhu"></span>
            <div class="name">
              ic_数据门户
            </div>
            <div class="code-name">.icon-ic_shujumenhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujushuiyin"></span>
            <div class="name">
              ic_数据水印
            </div>
            <div class="code-name">.icon-ic_shujushuiyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuyinsibaohu"></span>
            <div class="name">
              ic_数据隐私保护
            </div>
            <div class="code-name">.icon-ic_shujuyinsibaohu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bidui1"></span>
            <div class="name">
              ic_比对
            </div>
            <div class="code-name">.icon-bidui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-audit"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-audit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shoucang"></span>
            <div class="name">
              ic_取消收藏
            </div>
            <div class="code-name">.icon-ic_shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_search"></span>
            <div class="name">
              ic_search
            </div>
            <div class="code-name">.icon-ic_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-calendar"></span>
            <div class="name">
              basic-icon-calendar
            </div>
            <div class="code-name">.icon-basic-icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianbeifen"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjianbeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuliushili"></span>
            <div class="name">
              数据流实例
            </div>
            <div class="code-name">.icon-shujuliushili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuluru"></span>
            <div class="name">
              数据录入
            </div>
            <div class="code-name">.icon-shujuluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwushili"></span>
            <div class="name">
              任务实例
            </div>
            <div class="code-name">.icon-renwushili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kujitongbu"></span>
            <div class="name">
              库级同步
            </div>
            <div class="code-name">.icon-kujitongbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shujuliudingyi1x"></span>
            <div class="name">
              数据流定义
            </div>
            <div class="code-name">.icon-a-shujuliudingyi1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yewuxitong-copy"></span>
            <div class="name">
              模版管理
            </div>
            <div class="code-name">.icon-yewuxitong-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yewuxitong"></span>
            <div class="name">
              业务系统
            </div>
            <div class="code-name">.icon-yewuxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guizeku"></span>
            <div class="name">
              规则库
            </div>
            <div class="code-name">.icon-guizeku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumenguanli"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli-copy"></span>
            <div class="name">
              概览
            </div>
            <div class="code-name">.icon-xiangmuguanli-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leimuguanli"></span>
            <div class="name">
              类目管理
            </div>
            <div class="code-name">.icon-leimuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanshuju"></span>
            <div class="name">
              元数据
            </div>
            <div class="code-name">.icon-yuanshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuguanlian"></span>
            <div class="name">
              数据关联
            </div>
            <div class="code-name">.icon-shujuguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixianluru"></span>
            <div class="name">
              在线录入
            </div>
            <div class="code-name">.icon-zaixianluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujieru"></span>
            <div class="name">
              数据接入
            </div>
            <div class="code-name">.icon-shujujieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_gailan"></span>
            <div class="name">
              ic_概览
            </div>
            <div class="code-name">.icon-ic_gailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_xitongpeizhi"></span>
            <div class="name">
              ic_系统配置
            </div>
            <div class="code-name">.icon-ic_xitongpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_quanxianguanli"></span>
            <div class="name">
              ic_权限管理
            </div>
            <div class="code-name">.icon-ic_quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shumengyunwei"></span>
            <div class="name">
              ic_数梦运维
            </div>
            <div class="code-name">.icon-ic_shumengyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_rizhiguanli"></span>
            <div class="name">
              ic_日志管理
            </div>
            <div class="code-name">.icon-ic_rizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_tiaoduguanli"></span>
            <div class="name">
              ic_调度管理
            </div>
            <div class="code-name">.icon-ic_tiaoduguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yunweidapan1-copy"></span>
            <div class="name">
              ic_数据大盘
            </div>
            <div class="code-name">.icon-ic_yunweidapan1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yunweidapan1"></span>
            <div class="name">
              ic_运维大盘
            </div>
            <div class="code-name">.icon-ic_yunweidapan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_guanbi"></span>
            <div class="name">
              ic_关闭
            </div>
            <div class="code-name">.icon-ic_guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yunweidapan"></span>
            <div class="name">
              ic_监控管理
            </div>
            <div class="code-name">.icon-ic_yunweidapan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoquanping"></span>
            <div class="name">
              取消全屏
            </div>
            <div class="code-name">.icon-quxiaoquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-xiangmuguanli"></span>
            <div class="name">
              ic-项目管理
            </div>
            <div class="code-name">.icon-ic-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_lixianyunwei"></span>
            <div class="name">
              ic_离线运维
            </div>
            <div class="code-name">.icon-ic_lixianyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shumenglixiankaifa"></span>
            <div class="name">
              ic_数梦离线开发
            </div>
            <div class="code-name">.icon-ic_shumenglixiankaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_fengxianguankong"></span>
            <div class="name">
              ic_风险管控
            </div>
            <div class="code-name">.icon-ic_fengxianguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuanquanshenji"></span>
            <div class="name">
              ic_数据安全审计
            </div>
            <div class="code-name">.icon-ic_shujuanquanshenji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujutuomin"></span>
            <div class="name">
              ic_数据脱敏
            </div>
            <div class="code-name">.icon-ic_shujutuomin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_minganshujushibie1"></span>
            <div class="name">
              ic_敏感数据识别
            </div>
            <div class="code-name">.icon-ic_minganshujushibie1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_minganshujushibie"></span>
            <div class="name">
              ic_敏感数据识别
            </div>
            <div class="code-name">.icon-ic_minganshujushibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuAPI"></span>
            <div class="name">
              ic_数据API
            </div>
            <div class="code-name">.icon-ic_shujuAPI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujugongxiangjiaohuan"></span>
            <div class="name">
              ic_数据共享交换
            </div>
            <div class="code-name">.icon-ic_shujugongxiangjiaohuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianshidaohangditu"></span>
            <div class="name">
              显示导航地图
            </div>
            <div class="code-name">.icon-xianshidaohangditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochutupian"></span>
            <div class="name">
              导出图片
            </div>
            <div class="code-name">.icon-daochutupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazaiJSON"></span>
            <div class="name">
              下载JSON
            </div>
            <div class="code-name">.icon-xiazaiJSON
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xshangyibu"></span>
            <div class="name">
              @1x上一步
            </div>
            <div class="code-name">.icon-a-1xshangyibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xwancheng"></span>
            <div class="name">
              @1x完成
            </div>
            <div class="code-name">.icon-a-1xwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xzhihangjieguo"></span>
            <div class="name">
              @1x执行结果
            </div>
            <div class="code-name">.icon-a-1xzhihangjieguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xxiayibu"></span>
            <div class="name">
              @1x下一步
            </div>
            <div class="code-name">.icon-a-1xxiayibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xsuoxiao"></span>
            <div class="name">
              @1x缩小
            </div>
            <div class="code-name">.icon-a-1xsuoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xic_zengjiazifenlei"></span>
            <div class="name">
              @1xic_增加子分类
            </div>
            <div class="code-name">.icon-a-1xic_zengjiazifenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xyunhang"></span>
            <div class="name">
              @1x运行
            </div>
            <div class="code-name">.icon-a-1xyunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xdaotushiyingchuangkoudaxiao"></span>
            <div class="name">
              @1x导图适应窗口大小
            </div>
            <div class="code-name">.icon-a-1xdaotushiyingchuangkoudaxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xia1"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.icon-xia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xqingkong"></span>
            <div class="name">
              @1x清空
            </div>
            <div class="code-name">.icon-a-1xqingkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xdingweihuanyuan"></span>
            <div class="name">
              @1x定位还原
            </div>
            <div class="code-name">.icon-a-1xdingweihuanyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shuchugeibieren-beishuchumude1"></span>
            <div class="name">
              输出给别人-被输出（目的） (1)
            </div>
            <div class="code-name">.icon-a-shuchugeibieren-beishuchumude1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuhushuchu"></span>
            <div class="name">
              数据湖输出
            </div>
            <div class="code-name">.icon-shujuhushuchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SQLServerbiaoshuru"></span>
            <div class="name">
              SQLServer表输入
            </div>
            <div class="code-name">.icon-SQLServerbiaoshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-damengbiaoshuru"></span>
            <div class="name">
              达梦表输入
            </div>
            <div class="code-name">.icon-damengbiaoshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-MySQLbiaoshuru"></span>
            <div class="name">
              MySQL表输入
            </div>
            <div class="code-name">.icon-MySQLbiaoshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-APIjiekou"></span>
            <div class="name">
              API接口
            </div>
            <div class="code-name">.icon-APIjiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedianzujian"></span>
            <div class="name">
              节点组件
            </div>
            <div class="code-name">.icon-jiedianzujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuqingxi"></span>
            <div class="name">
              数据清洗
            </div>
            <div class="code-name">.icon-shujuqingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changliangtianjia"></span>
            <div class="name">
              常量添加
            </div>
            <div class="code-name">.icon-changliangtianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-tashurugeibieren-beishurulaiyuan"></span>
            <div class="name">
              他输入给别人-被输入（来源）
            </div>
            <div class="code-name">.icon-a-tashurugeibieren-beishurulaiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_zhinengbaobiao"></span>
            <div class="name">
              ic_智能报表
            </div>
            <div class="code-name">.icon-ic_zhinengbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_tongjifenxi"></span>
            <div class="name">
              ic_统计分析
            </div>
            <div class="code-name">.icon-ic_tongjifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujutancha"></span>
            <div class="name">
              ic_数据探查
            </div>
            <div class="code-name">.icon-ic_shujutancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujucaiji"></span>
            <div class="name">
              ic_数据录入
            </div>
            <div class="code-name">.icon-ic_shujucaiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujubiaozhun"></span>
            <div class="name">
              ic_数据标准
            </div>
            <div class="code-name">.icon-ic_shujubiaozhun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xieyuan"></span>
            <div class="name">
              血缘
            </div>
            <div class="code-name">.icon-xieyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yewushengchanku"></span>
            <div class="name">
              ic_业务生产库
            </div>
            <div class="code-name">.icon-ic_yewushengchanku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yuanshuju"></span>
            <div class="name">
              ic_主数据
            </div>
            <div class="code-name">.icon-ic_yuanshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujucangkuguanli"></span>
            <div class="name">
              ic_数据仓库管理
            </div>
            <div class="code-name">.icon-ic_shujucangkuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengyuanguanli"></span>
            <div class="name">
              成员管理
            </div>
            <div class="code-name">.icon-chengyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuqingxi"></span>
            <div class="name">
              ic_数据清洗
            </div>
            <div class="code-name">.icon-ic_shujuqingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujianmo-copy"></span>
            <div class="name">
              模型管理
            </div>
            <div class="code-name">.icon-shujujianmo-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujianmo"></span>
            <div class="name">
              数据建模
            </div>
            <div class="code-name">.icon-shujujianmo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_zhibiaoguanli"></span>
            <div class="name">
              ic_指标管理
            </div>
            <div class="code-name">.icon-ic_zhibiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuyuanguanli"></span>
            <div class="name">
              ic_数据源管理
            </div>
            <div class="code-name">.icon-ic_shujuyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-shujujicheng"></span>
            <div class="name">
              ic-维度管理
            </div>
            <div class="code-name">.icon-ic-shujujicheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujucangkuguanli-2"></span>
            <div class="name">
              ic_数据仓库管理-2
            </div>
            <div class="code-name">.icon-ic_shujucangkuguanli-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shixushuju"></span>
            <div class="name">
              ic_时序数据
            </div>
            <div class="code-name">.icon-ic_shixushuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_yuanshuju-copy"></span>
            <div class="name">
              主数据维护
            </div>
            <div class="code-name">.icon-ic_yuanshuju-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_zhuantikuguanli-copy"></span>
            <div class="name">
              ic_数据分级分类
            </div>
            <div class="code-name">.icon-ic_zhuantikuguanli-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_zhutiku"></span>
            <div class="name">
              ic_主题库
            </div>
            <div class="code-name">.icon-ic_zhutiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujujishi"></span>
            <div class="name">
              ic_数据集市
            </div>
            <div class="code-name">.icon-ic_shujujishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_zhuantikuguanli"></span>
            <div class="name">
              ic_专题库管理
            </div>
            <div class="code-name">.icon-ic_zhuantikuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shumengshujuditu"></span>
            <div class="name">
              数梦数据地图
            </div>
            <div class="code-name">.icon-shumengshujuditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_renwuguanli"></span>
            <div class="name">
              ic_任务管理
            </div>
            <div class="code-name">.icon-ic_renwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shumengshujuduizhang"></span>
            <div class="name">
              ic_数梦数据对账
            </div>
            <div class="code-name">.icon-ic_shumengshujuduizhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_cankaoshuju"></span>
            <div class="name">
              ic_参考数据
            </div>
            <div class="code-name">.icon-ic_cankaoshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_shujuzhiliang"></span>
            <div class="name">
              ic_数据质量
            </div>
            <div class="code-name">.icon-ic_shujuzhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanmulu"></span>
            <div class="name">
              资源目录
            </div>
            <div class="code-name">.icon-ziyuanmulu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujufenxi"></span>
            <div class="name">
              数据分析
            </div>
            <div class="code-name">.icon-shujufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuanquan"></span>
            <div class="name">
              数据安全
            </div>
            <div class="code-name">.icon-shujuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gunlizixitong_ic_sidebar_xitongpeizhi1"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.icon-gunlizixitong_ic_sidebar_xitongpeizhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-jiebang1x"></span>
            <div class="name">
              取消关联
            </div>
            <div class="code-name">.icon-a-jiebang1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buju"></span>
            <div class="name">
              布局
            </div>
            <div class="code-name">.icon-buju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daotushiyingchuangkoudaxiao"></span>
            <div class="name">
              导图适应窗口大小
            </div>
            <div class="code-name">.icon-daotushiyingchuangkoudaxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xia"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.icon-xia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidonglianxian"></span>
            <div class="name">
              自动连线
            </div>
            <div class="code-name">.icon-zidonglianxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-baocun1"></span>
            <div class="name">
              保存 (1)
            </div>
            <div class="code-name">.icon-a-baocun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-import"></span>
            <div class="name">
              导入1
            </div>
            <div class="code-name">.icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-export"></span>
            <div class="name">
              导出数据
            </div>
            <div class="code-name">.icon-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daorudaochu"></span>
            <div class="name">
              导入导出
            </div>
            <div class="code-name">.icon-daorudaochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlizixitong_zuhuliebiao-copy"></span>
            <div class="name">
              任务列表
            </div>
            <div class="code-name">.icon-guanlizixitong_zuhuliebiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-icon-wenjianjia2"></span>
            <div class="name">
              icon-文件夹 2
            </div>
            <div class="code-name">.icon-a-icon-wenjianjia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qidong-copy"></span>
            <div class="name">
              运行
            </div>
            <div class="code-name">.icon-qidong-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qidong"></span>
            <div class="name">
              启动
            </div>
            <div class="code-name">.icon-qidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feizhi"></span>
            <div class="name">
              废止
            </div>
            <div class="code-name">.icon-feizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_gengduobeifen"></span>
            <div class="name">
              ic_more
            </div>
            <div class="code-name">.icon-ic_gengduobeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodansheji"></span>
            <div class="name">
              整改
            </div>
            <div class="code-name">.icon-biaodansheji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yangshiguanli"></span>
            <div class="name">
              引用列表
            </div>
            <div class="code-name">.icon-yangshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuzidian"></span>
            <div class="name">
              字典
            </div>
            <div class="code-name">.icon-shujuzidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_bangding"></span>
            <div class="name">
              ic_数据服务链
            </div>
            <div class="code-name">.icon-ic_bangding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_bangding-copy"></span>
            <div class="name">
              关联
            </div>
            <div class="code-name">.icon-ic_bangding-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongyichangbaojingcishupaihang"></span>
            <div class="name">
              系统异常报警次数排行
            </div>
            <div class="code-name">.icon-xitongyichangbaojingcishupaihang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongtiaoyongyichang"></span>
            <div class="name">
              应用调用异常
            </div>
            <div class="code-name">.icon-yingyongtiaoyongyichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujufuwutongji"></span>
            <div class="name">
              数据服务统计
            </div>
            <div class="code-name">.icon-shujufuwutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrilianwangbaosong"></span>
            <div class="name">
              今日联网报送
            </div>
            <div class="code-name">.icon-jinrilianwangbaosong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujierutongji"></span>
            <div class="name">
              数据接入统计
            </div>
            <div class="code-name">.icon-shujujierutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrishujuhuiliu"></span>
            <div class="name">
              今日数据回流
            </div>
            <div class="code-name">.icon-jinrishujuhuiliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duixiangjiankong"></span>
            <div class="name">
              对象监控
            </div>
            <div class="code-name">.icon-duixiangjiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuantiaoyongyichangpaihang"></span>
            <div class="name">
              资源调用异常排行
            </div>
            <div class="code-name">.icon-ziyuantiaoyongyichangpaihang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrigaojingshengfen"></span>
            <div class="name">
              今日告警省份
            </div>
            <div class="code-name">.icon-jinrigaojingshengfen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baosongshengfenzongshu"></span>
            <div class="name">
              报送省份总数
            </div>
            <div class="code-name">.icon-baosongshengfenzongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrigaojingshu"></span>
            <div class="name">
              今日告警数
            </div>
            <div class="code-name">.icon-jinrigaojingshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojingzongshu"></span>
            <div class="name">
              告警总数
            </div>
            <div class="code-name">.icon-gaojingzongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrifuwuyichangshu"></span>
            <div class="name">
              今日服务异常数
            </div>
            <div class="code-name">.icon-jinrifuwuyichangshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuzhiliangguanli"></span>
            <div class="name">
              数据安全
            </div>
            <div class="code-name">.icon-fuwuzhiliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodanliebiao-copy"></span>
            <div class="name">
              质量规则
            </div>
            <div class="code-name">.icon-biaodanliebiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodanliebiao-copy-copy"></span>
            <div class="name">
              创建任务
            </div>
            <div class="code-name">.icon-biaodanliebiao-copy-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodanliebiao"></span>
            <div class="name">
              数据标准
            </div>
            <div class="code-name">.icon-biaodanliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bushu1x"></span>
            <div class="name">
              数据地图
            </div>
            <div class="code-name">.icon-a-bushu1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-suanfamoxinggoujian_biaoqian1x"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-a-suanfamoxinggoujian_biaoqian1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fuwuguanli_shoucang1x"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-a-fuwuguanli_shoucang1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuchengsheji-copy"></span>
            <div class="name">
              血缘
            </div>
            <div class="code-name">.icon-liuchengsheji-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanlizixitong_ic_topbar_fuwumenhu"></span>
            <div class="name">
              数据服务门户
            </div>
            <div class="code-name">.icon-fuwuguanlizixitong_ic_topbar_fuwumenhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhuangpeipingtai1x"></span>
            <div class="name">
              运维中心
            </div>
            <div class="code-name">.icon-a-zhuangpeipingtai1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              数据服务
            </div>
            <div class="code-name">.icon-fuwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudapan"></span>
            <div class="name">
              数据大盘
            </div>
            <div class="code-name">.icon-shujudapan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cunchukongjianbianhuaqushi"></span>
            <div class="name">
              存储空间变化趋势
            </div>
            <div class="code-name">.icon-cunchukongjianbianhuaqushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuaizhao"></span>
            <div class="name">
              快照
            </div>
            <div class="code-name">.icon-kuaizhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing"></span>
            <div class="name">
              模型
            </div>
            <div class="code-name">.icon-moxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongshu1-copy"></span>
            <div class="name">
              数据概览
            </div>
            <div class="code-name">.icon-zongshu1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cunchukongjian"></span>
            <div class="name">
              存储空间
            </div>
            <div class="code-name">.icon-cunchukongjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongshu1"></span>
            <div class="name">
              数据表
            </div>
            <div class="code-name">.icon-zongshu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jilushu"></span>
            <div class="name">
              记录数
            </div>
            <div class="code-name">.icon-jilushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiegouhua-mian1"></span>
            <div class="name">
              半结构化-面
            </div>
            <div class="code-name">.icon-banjiegouhua-mian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banshujuhua"></span>
            <div class="name">
              半数据化
            </div>
            <div class="code-name">.icon-banshujuhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiegouhua-mian"></span>
            <div class="name">
              半结构化-面
            </div>
            <div class="code-name">.icon-banjiegouhua-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feijiegouhua-mian"></span>
            <div class="name">
              非结构化-面
            </div>
            <div class="code-name">.icon-feijiegouhua-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feijiegouhuashuju"></span>
            <div class="name">
              非结构化数据
            </div>
            <div class="code-name">.icon-feijiegouhuashuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiegouhuashuju"></span>
            <div class="name">
              结构化数据
            </div>
            <div class="code-name">.icon-jiegouhuashuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiegouhuashuju-copy"></span>
            <div class="name">
              数据湖概览
            </div>
            <div class="code-name">.icon-jiegouhuashuju-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianduan"></span>
            <div class="name">
              线段
            </div>
            <div class="code-name">.icon-xianduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingshi"></span>
            <div class="name">
              定时
            </div>
            <div class="code-name">.icon-dingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1xxiaxianshenqing"></span>
            <div class="name">
              下线
            </div>
            <div class="code-name">.icon-a-1xxiaxianshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_bianjibeifen"></span>
            <div class="name">
              ic_编辑备份
            </div>
            <div class="code-name">.icon-ic_bianjibeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-shanchubeifen"></span>
            <div class="name">
              ic_delete
            </div>
            <div class="code-name">.icon-ic-shanchubeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_topbar_link"></span>
            <div class="name">
              ic_topbar_link
            </div>
            <div class="code-name">.icon-ic_topbar_link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-check"></span>
            <div class="name">
              basic-icon-check
            </div>
            <div class="code-name">.icon-basic-icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-up"></span>
            <div class="name">
              arrow-up
            </div>
            <div class="code-name">.icon-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_xinzeng"></span>
            <div class="name">
              ic_新增
            </div>
            <div class="code-name">.icon-ic_xinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-more"></span>
            <div class="name">
              basic-icon-more
            </div>
            <div class="code-name">.icon-basic-icon-more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxiangziyuanguanli-copy"></span>
            <div class="name">
              加工逻辑
            </div>
            <div class="code-name">.icon-gongxiangziyuanguanli-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxiangziyuanguanli"></span>
            <div class="name">
              运行
            </div>
            <div class="code-name">.icon-gongxiangziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down"></span>
            <div class="name">
              arrow-down
            </div>
            <div class="code-name">.icon-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-icon_calendar1x"></span>
            <div class="name">
              icon_calendar@1x
            </div>
            <div class="code-name">.icon-a-icon_calendar1x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-search1"></span>
            <div class="name">
              basic-icon-search
            </div>
            <div class="code-name">.icon-basic-icon-search1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxian"></span>
            <div class="name">
              上线
            </div>
            <div class="code-name">.icon-shangxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwugailan"></span>
            <div class="name">
              服务概览
            </div>
            <div class="code-name">.icon-fuwugailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwugailan"></span>
            <div class="name">
              任务概览
            </div>
            <div class="code-name">.icon-renwugailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongzhi"></span>
            <div class="name">
              终止
            </div>
            <div class="code-name">.icon-zhongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chenggong"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-chenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-tingzhi1"></span>
            <div class="name">
              停止 (1)
            </div>
            <div class="code-name">.icon-a-tingzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shibai"></span>
            <div class="name">
              失败
            </div>
            <div class="code-name">.icon-shibai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuisong"></span>
            <div class="name">
              推送
            </div>
            <div class="code-name">.icon-tuisong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-APIjieru"></span>
            <div class="name">
              API接入
            </div>
            <div class="code-name">.icon-APIjieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongshu"></span>
            <div class="name">
              总数
            </div>
            <div class="code-name">.icon-zongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理
            </div>
            <div class="code-name">.icon-renwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-guanlizixitong-topbar-4A1-copy-copy"></span>
            <div class="name">
              数据流管理
            </div>
            <div class="code-name">.icon-a-guanlizixitong-topbar-4A1-copy-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shujuqingxi1-2"></span>
            <div class="name">
              数据清洗 (1)-2
            </div>
            <div class="code-name">.icon-a-shujuqingxi1-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingshiguanbi"></span>
            <div class="name">
              定时上线
            </div>
            <div class="code-name">.icon-dingshiguanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuanshujiaohuan"></span>
            <div class="name">
              传输交换
            </div>
            <div class="code-name">.icon-chuanshujiaohuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuguanli"></span>
            <div class="name">
              数据管控
            </div>
            <div class="code-name">.icon-shujuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukaifa"></span>
            <div class="name">
              数据开发
            </div>
            <div class="code-name">.icon-shujukaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-basic-icon-message1"></span>
            <div class="name">
              basic-icon-message 1
            </div>
            <div class="code-name">.icon-a-basic-icon-message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-search"></span>
            <div class="name">
              basic-icon-search
            </div>
            <div class="code-name">.icon-basic-icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-basic-icon-set"></span>
            <div class="name">
              basic-icon-set
            </div>
            <div class="code-name">.icon-basic-icon-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggongpeizhi"></span>
            <div class="name">
              公共配置
            </div>
            <div class="code-name">.icon-gonggongpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon-gongzuotai
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shujudituyongzhege"></use>
                </svg>
                <div class="name">数据地图（用这个）</div>
                <div class="code-name">#icon-a-shujudituyongzhege</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengzexiaoyan01"></use>
                </svg>
                <div class="name">正则校验01</div>
                <div class="code-name">#icon-zhengzexiaoyan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidianbiaozhunhua01"></use>
                </svg>
                <div class="name">字典标准化01</div>
                <div class="code-name">#icon-zidianbiaozhunhua01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zifuchuanjiequ01"></use>
                </svg>
                <div class="name">字符串截取01</div>
                <div class="code-name">#icon-zifuchuanjiequ01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbanjiaozhuanhuan01"></use>
                </svg>
                <div class="name">全半角转换01</div>
                <div class="code-name">#icon-quanbanjiaozhuanhuan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quchutedingzifu01"></use>
                </svg>
                <div class="name">去除特定字符01</div>
                <div class="code-name">#icon-quchutedingzifu01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quzhongxiaoyan01"></use>
                </svg>
                <div class="name">去重校验01</div>
                <div class="code-name">#icon-quzhongxiaoyan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongzhixiaoyan01"></use>
                </svg>
                <div class="name">空值校验01</div>
                <div class="code-name">#icon-kongzhixiaoyan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quchukongbai01"></use>
                </svg>
                <div class="name">去除空白01</div>
                <div class="code-name">#icon-quchukongbai01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengxingxiaoyan01"></use>
                </svg>
                <div class="name">整形校验01</div>
                <div class="code-name">#icon-zhengxingxiaoyan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changduxiaoyan01"></use>
                </svg>
                <div class="name">长度校验01</div>
                <div class="code-name">#icon-changduxiaoyan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijiangeshihua01"></use>
                </svg>
                <div class="name">时间格式化01</div>
                <div class="code-name">#icon-shijiangeshihua01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daxiaoxiezhuanhuan01"></use>
                </svg>
                <div class="name">大小写转换01</div>
                <div class="code-name">#icon-daxiaoxiezhuanhuan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hanyuzhuanpinyin01"></use>
                </svg>
                <div class="name">汉语转拼音01</div>
                <div class="code-name">#icon-hanyuzhuanpinyin01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingdubiaozhunhua01"></use>
                </svg>
                <div class="name">精度标准化01</div>
                <div class="code-name">#icon-jingdubiaozhunhua01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujutuomin01"></use>
                </svg>
                <div class="name">数据脱敏01</div>
                <div class="code-name">#icon-shujutuomin01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongyicitihuan01"></use>
                </svg>
                <div class="name">同义词替换01</div>
                <div class="code-name">#icon-tongyicitihuan01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengzexiaoyan"></use>
                </svg>
                <div class="name">正则校验</div>
                <div class="code-name">#icon-zhengzexiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zifuchuanjiequ"></use>
                </svg>
                <div class="name">字符串截取</div>
                <div class="code-name">#icon-zifuchuanjiequ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quchutedingzifu"></use>
                </svg>
                <div class="name">去除特定字符</div>
                <div class="code-name">#icon-quchutedingzifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changduxiaoyan"></use>
                </svg>
                <div class="name">长度校验</div>
                <div class="code-name">#icon-changduxiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongyicitihuan"></use>
                </svg>
                <div class="name">同义词替换</div>
                <div class="code-name">#icon-tongyicitihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daxiaoxiezhuanhuan"></use>
                </svg>
                <div class="name">大小写转换</div>
                <div class="code-name">#icon-daxiaoxiezhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidianbiaozhunhua"></use>
                </svg>
                <div class="name">字典标准化</div>
                <div class="code-name">#icon-zidianbiaozhunhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hanyuzhuanpinyin"></use>
                </svg>
                <div class="name">汉语转拼音</div>
                <div class="code-name">#icon-hanyuzhuanpinyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbanjiaozhuanhuan"></use>
                </svg>
                <div class="name">全半角转换</div>
                <div class="code-name">#icon-quanbanjiaozhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingdubiaozhunhua"></use>
                </svg>
                <div class="name">精度标准化</div>
                <div class="code-name">#icon-jingdubiaozhunhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongzhixiaoyan"></use>
                </svg>
                <div class="name">空值校验</div>
                <div class="code-name">#icon-kongzhixiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quchukongbai"></use>
                </svg>
                <div class="name">去除空白</div>
                <div class="code-name">#icon-quchukongbai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengxingxiaoyan"></use>
                </svg>
                <div class="name">整形校验</div>
                <div class="code-name">#icon-zhengxingxiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quzhongxiaoyan"></use>
                </svg>
                <div class="name">去重校验</div>
                <div class="code-name">#icon-quzhongxiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijiangeshihua"></use>
                </svg>
                <div class="name">时间格式化</div>
                <div class="code-name">#icon-shijiangeshihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujutuomin"></use>
                </svg>
                <div class="name">数据脱敏</div>
                <div class="code-name">#icon-shujutuomin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuozhuai"></use>
                </svg>
                <div class="name">拖拽</div>
                <div class="code-name">#icon-tuozhuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zantingtubiao"></use>
                </svg>
                <div class="name">暂停图标</div>
                <div class="code-name">#icon-zantingtubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chenggong1"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-chenggong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shibai1"></use>
                </svg>
                <div class="name">失败</div>
                <div class="code-name">#icon-shibai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengzaijinhang"></use>
                </svg>
                <div class="name">正在进行</div>
                <div class="code-name">#icon-zhengzaijinhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-jingshi2"></use>
                </svg>
                <div class="name">警示</div>
                <div class="code-name">#icon-a-jingshi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanhuan"></use>
                </svg>
                <div class="name">转换</div>
                <div class="code-name">#icon-zhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianjin"></use>
                </svg>
                <div class="name">前进</div>
                <div class="code-name">#icon-qianjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangda"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-fangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuo"></use>
                </svg>
                <div class="name">左</div>
                <div class="code-name">#icon-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtui"></use>
                </svg>
                <div class="name">后退</div>
                <div class="code-name">#icon-houtui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-you"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#icon-you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zujianguanli"></use>
                </svg>
                <div class="name">组件管理</div>
                <div class="code-name">#icon-zujianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-biaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rongqi"></use>
                </svg>
                <div class="name">格式化</div>
                <div class="code-name">#icon-rongqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukaifa1"></use>
                </svg>
                <div class="name">数据开发</div>
                <div class="code-name">#icon-shujukaifa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujufuwu"></use>
                </svg>
                <div class="name">数据服务</div>
                <div class="code-name">#icon-shujufuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuqingxi1"></use>
                </svg>
                <div class="name">数据清洗</div>
                <div class="code-name">#icon-shujuqingxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuhuiju"></use>
                </svg>
                <div class="name">数据汇聚</div>
                <div class="code-name">#icon-shujuhuiju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuanquan1"></use>
                </svg>
                <div class="name">数据安全</div>
                <div class="code-name">#icon-shujuanquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuotai1"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icon-gongzuotai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujufenxi1"></use>
                </svg>
                <div class="name">数据分析</div>
                <div class="code-name">#icon-shujufenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujucunchu"></use>
                </svg>
                <div class="name">数据存储</div>
                <div class="code-name">#icon-shujucunchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunweijiankong"></use>
                </svg>
                <div class="name">运维监控</div>
                <div class="code-name">#icon-yunweijiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuguankong"></use>
                </svg>
                <div class="name">数据管控</div>
                <div class="code-name">#icon-shujuguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuchanpin"></use>
                </svg>
                <div class="name">数据产品</div>
                <div class="code-name">#icon-shujuchanpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lie"></use>
                </svg>
                <div class="name">列</div>
                <div class="code-name">#icon-lie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge-2"></use>
                </svg>
                <div class="name">表</div>
                <div class="code-name">#icon-biaoge-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-HIVE"></use>
                </svg>
                <div class="name">HIVE</div>
                <div class="code-name">#icon-HIVE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujujiami"></use>
                </svg>
                <div class="name">ic_数据加密</div>
                <div class="code-name">#icon-ic_shujujiami</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-shujuheguishenji"></use>
                </svg>
                <div class="name">ic-数据合规审计</div>
                <div class="code-name">#icon-ic-shujuheguishenji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujumenhu"></use>
                </svg>
                <div class="name">ic_数据门户</div>
                <div class="code-name">#icon-ic_shujumenhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujushuiyin"></use>
                </svg>
                <div class="name">ic_数据水印</div>
                <div class="code-name">#icon-ic_shujushuiyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuyinsibaohu"></use>
                </svg>
                <div class="name">ic_数据隐私保护</div>
                <div class="code-name">#icon-ic_shujuyinsibaohu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bidui1"></use>
                </svg>
                <div class="name">ic_比对</div>
                <div class="code-name">#icon-bidui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-audit"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-audit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shoucang"></use>
                </svg>
                <div class="name">ic_取消收藏</div>
                <div class="code-name">#icon-ic_shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_search"></use>
                </svg>
                <div class="name">ic_search</div>
                <div class="code-name">#icon-ic_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-calendar"></use>
                </svg>
                <div class="name">basic-icon-calendar</div>
                <div class="code-name">#icon-basic-icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianbeifen"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjianbeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuliushili"></use>
                </svg>
                <div class="name">数据流实例</div>
                <div class="code-name">#icon-shujuliushili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuluru"></use>
                </svg>
                <div class="name">数据录入</div>
                <div class="code-name">#icon-shujuluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwushili"></use>
                </svg>
                <div class="name">任务实例</div>
                <div class="code-name">#icon-renwushili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kujitongbu"></use>
                </svg>
                <div class="name">库级同步</div>
                <div class="code-name">#icon-kujitongbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shujuliudingyi1x"></use>
                </svg>
                <div class="name">数据流定义</div>
                <div class="code-name">#icon-a-shujuliudingyi1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewuxitong-copy"></use>
                </svg>
                <div class="name">模版管理</div>
                <div class="code-name">#icon-yewuxitong-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewuxitong"></use>
                </svg>
                <div class="name">业务系统</div>
                <div class="code-name">#icon-yewuxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guizeku"></use>
                </svg>
                <div class="name">规则库</div>
                <div class="code-name">#icon-guizeku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli-copy"></use>
                </svg>
                <div class="name">概览</div>
                <div class="code-name">#icon-xiangmuguanli-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leimuguanli"></use>
                </svg>
                <div class="name">类目管理</div>
                <div class="code-name">#icon-leimuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanshuju"></use>
                </svg>
                <div class="name">元数据</div>
                <div class="code-name">#icon-yuanshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuguanlian"></use>
                </svg>
                <div class="name">数据关联</div>
                <div class="code-name">#icon-shujuguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixianluru"></use>
                </svg>
                <div class="name">在线录入</div>
                <div class="code-name">#icon-zaixianluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujieru"></use>
                </svg>
                <div class="name">数据接入</div>
                <div class="code-name">#icon-shujujieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_gailan"></use>
                </svg>
                <div class="name">ic_概览</div>
                <div class="code-name">#icon-ic_gailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_xitongpeizhi"></use>
                </svg>
                <div class="name">ic_系统配置</div>
                <div class="code-name">#icon-ic_xitongpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_quanxianguanli"></use>
                </svg>
                <div class="name">ic_权限管理</div>
                <div class="code-name">#icon-ic_quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shumengyunwei"></use>
                </svg>
                <div class="name">ic_数梦运维</div>
                <div class="code-name">#icon-ic_shumengyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_rizhiguanli"></use>
                </svg>
                <div class="name">ic_日志管理</div>
                <div class="code-name">#icon-ic_rizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_tiaoduguanli"></use>
                </svg>
                <div class="name">ic_调度管理</div>
                <div class="code-name">#icon-ic_tiaoduguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yunweidapan1-copy"></use>
                </svg>
                <div class="name">ic_数据大盘</div>
                <div class="code-name">#icon-ic_yunweidapan1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yunweidapan1"></use>
                </svg>
                <div class="name">ic_运维大盘</div>
                <div class="code-name">#icon-ic_yunweidapan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_guanbi"></use>
                </svg>
                <div class="name">ic_关闭</div>
                <div class="code-name">#icon-ic_guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yunweidapan"></use>
                </svg>
                <div class="name">ic_监控管理</div>
                <div class="code-name">#icon-ic_yunweidapan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoquanping"></use>
                </svg>
                <div class="name">取消全屏</div>
                <div class="code-name">#icon-quxiaoquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-xiangmuguanli"></use>
                </svg>
                <div class="name">ic-项目管理</div>
                <div class="code-name">#icon-ic-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_lixianyunwei"></use>
                </svg>
                <div class="name">ic_离线运维</div>
                <div class="code-name">#icon-ic_lixianyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shumenglixiankaifa"></use>
                </svg>
                <div class="name">ic_数梦离线开发</div>
                <div class="code-name">#icon-ic_shumenglixiankaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_fengxianguankong"></use>
                </svg>
                <div class="name">ic_风险管控</div>
                <div class="code-name">#icon-ic_fengxianguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuanquanshenji"></use>
                </svg>
                <div class="name">ic_数据安全审计</div>
                <div class="code-name">#icon-ic_shujuanquanshenji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujutuomin"></use>
                </svg>
                <div class="name">ic_数据脱敏</div>
                <div class="code-name">#icon-ic_shujutuomin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_minganshujushibie1"></use>
                </svg>
                <div class="name">ic_敏感数据识别</div>
                <div class="code-name">#icon-ic_minganshujushibie1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_minganshujushibie"></use>
                </svg>
                <div class="name">ic_敏感数据识别</div>
                <div class="code-name">#icon-ic_minganshujushibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuAPI"></use>
                </svg>
                <div class="name">ic_数据API</div>
                <div class="code-name">#icon-ic_shujuAPI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujugongxiangjiaohuan"></use>
                </svg>
                <div class="name">ic_数据共享交换</div>
                <div class="code-name">#icon-ic_shujugongxiangjiaohuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshidaohangditu"></use>
                </svg>
                <div class="name">显示导航地图</div>
                <div class="code-name">#icon-xianshidaohangditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochutupian"></use>
                </svg>
                <div class="name">导出图片</div>
                <div class="code-name">#icon-daochutupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazaiJSON"></use>
                </svg>
                <div class="name">下载JSON</div>
                <div class="code-name">#icon-xiazaiJSON</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xshangyibu"></use>
                </svg>
                <div class="name">@1x上一步</div>
                <div class="code-name">#icon-a-1xshangyibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xwancheng"></use>
                </svg>
                <div class="name">@1x完成</div>
                <div class="code-name">#icon-a-1xwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xzhihangjieguo"></use>
                </svg>
                <div class="name">@1x执行结果</div>
                <div class="code-name">#icon-a-1xzhihangjieguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xxiayibu"></use>
                </svg>
                <div class="name">@1x下一步</div>
                <div class="code-name">#icon-a-1xxiayibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xsuoxiao"></use>
                </svg>
                <div class="name">@1x缩小</div>
                <div class="code-name">#icon-a-1xsuoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xic_zengjiazifenlei"></use>
                </svg>
                <div class="name">@1xic_增加子分类</div>
                <div class="code-name">#icon-a-1xic_zengjiazifenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xyunhang"></use>
                </svg>
                <div class="name">@1x运行</div>
                <div class="code-name">#icon-a-1xyunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xdaotushiyingchuangkoudaxiao"></use>
                </svg>
                <div class="name">@1x导图适应窗口大小</div>
                <div class="code-name">#icon-a-1xdaotushiyingchuangkoudaxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xia1"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#icon-xia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xqingkong"></use>
                </svg>
                <div class="name">@1x清空</div>
                <div class="code-name">#icon-a-1xqingkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xdingweihuanyuan"></use>
                </svg>
                <div class="name">@1x定位还原</div>
                <div class="code-name">#icon-a-1xdingweihuanyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shuchugeibieren-beishuchumude1"></use>
                </svg>
                <div class="name">输出给别人-被输出（目的） (1)</div>
                <div class="code-name">#icon-a-shuchugeibieren-beishuchumude1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuhushuchu"></use>
                </svg>
                <div class="name">数据湖输出</div>
                <div class="code-name">#icon-shujuhushuchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SQLServerbiaoshuru"></use>
                </svg>
                <div class="name">SQLServer表输入</div>
                <div class="code-name">#icon-SQLServerbiaoshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-damengbiaoshuru"></use>
                </svg>
                <div class="name">达梦表输入</div>
                <div class="code-name">#icon-damengbiaoshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-MySQLbiaoshuru"></use>
                </svg>
                <div class="name">MySQL表输入</div>
                <div class="code-name">#icon-MySQLbiaoshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-APIjiekou"></use>
                </svg>
                <div class="name">API接口</div>
                <div class="code-name">#icon-APIjiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedianzujian"></use>
                </svg>
                <div class="name">节点组件</div>
                <div class="code-name">#icon-jiedianzujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuqingxi"></use>
                </svg>
                <div class="name">数据清洗</div>
                <div class="code-name">#icon-shujuqingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changliangtianjia"></use>
                </svg>
                <div class="name">常量添加</div>
                <div class="code-name">#icon-changliangtianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-tashurugeibieren-beishurulaiyuan"></use>
                </svg>
                <div class="name">他输入给别人-被输入（来源）</div>
                <div class="code-name">#icon-a-tashurugeibieren-beishurulaiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_zhinengbaobiao"></use>
                </svg>
                <div class="name">ic_智能报表</div>
                <div class="code-name">#icon-ic_zhinengbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_tongjifenxi"></use>
                </svg>
                <div class="name">ic_统计分析</div>
                <div class="code-name">#icon-ic_tongjifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujutancha"></use>
                </svg>
                <div class="name">ic_数据探查</div>
                <div class="code-name">#icon-ic_shujutancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujucaiji"></use>
                </svg>
                <div class="name">ic_数据录入</div>
                <div class="code-name">#icon-ic_shujucaiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujubiaozhun"></use>
                </svg>
                <div class="name">ic_数据标准</div>
                <div class="code-name">#icon-ic_shujubiaozhun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xieyuan"></use>
                </svg>
                <div class="name">血缘</div>
                <div class="code-name">#icon-xieyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yewushengchanku"></use>
                </svg>
                <div class="name">ic_业务生产库</div>
                <div class="code-name">#icon-ic_yewushengchanku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yuanshuju"></use>
                </svg>
                <div class="name">ic_主数据</div>
                <div class="code-name">#icon-ic_yuanshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujucangkuguanli"></use>
                </svg>
                <div class="name">ic_数据仓库管理</div>
                <div class="code-name">#icon-ic_shujucangkuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengyuanguanli"></use>
                </svg>
                <div class="name">成员管理</div>
                <div class="code-name">#icon-chengyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuqingxi"></use>
                </svg>
                <div class="name">ic_数据清洗</div>
                <div class="code-name">#icon-ic_shujuqingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujianmo-copy"></use>
                </svg>
                <div class="name">模型管理</div>
                <div class="code-name">#icon-shujujianmo-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujianmo"></use>
                </svg>
                <div class="name">数据建模</div>
                <div class="code-name">#icon-shujujianmo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_zhibiaoguanli"></use>
                </svg>
                <div class="name">ic_指标管理</div>
                <div class="code-name">#icon-ic_zhibiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuyuanguanli"></use>
                </svg>
                <div class="name">ic_数据源管理</div>
                <div class="code-name">#icon-ic_shujuyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-shujujicheng"></use>
                </svg>
                <div class="name">ic-维度管理</div>
                <div class="code-name">#icon-ic-shujujicheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujucangkuguanli-2"></use>
                </svg>
                <div class="name">ic_数据仓库管理-2</div>
                <div class="code-name">#icon-ic_shujucangkuguanli-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shixushuju"></use>
                </svg>
                <div class="name">ic_时序数据</div>
                <div class="code-name">#icon-ic_shixushuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_yuanshuju-copy"></use>
                </svg>
                <div class="name">主数据维护</div>
                <div class="code-name">#icon-ic_yuanshuju-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_zhuantikuguanli-copy"></use>
                </svg>
                <div class="name">ic_数据分级分类</div>
                <div class="code-name">#icon-ic_zhuantikuguanli-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_zhutiku"></use>
                </svg>
                <div class="name">ic_主题库</div>
                <div class="code-name">#icon-ic_zhutiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujujishi"></use>
                </svg>
                <div class="name">ic_数据集市</div>
                <div class="code-name">#icon-ic_shujujishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_zhuantikuguanli"></use>
                </svg>
                <div class="name">ic_专题库管理</div>
                <div class="code-name">#icon-ic_zhuantikuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shumengshujuditu"></use>
                </svg>
                <div class="name">数梦数据地图</div>
                <div class="code-name">#icon-shumengshujuditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_renwuguanli"></use>
                </svg>
                <div class="name">ic_任务管理</div>
                <div class="code-name">#icon-ic_renwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shumengshujuduizhang"></use>
                </svg>
                <div class="name">ic_数梦数据对账</div>
                <div class="code-name">#icon-ic_shumengshujuduizhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_cankaoshuju"></use>
                </svg>
                <div class="name">ic_参考数据</div>
                <div class="code-name">#icon-ic_cankaoshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_shujuzhiliang"></use>
                </svg>
                <div class="name">ic_数据质量</div>
                <div class="code-name">#icon-ic_shujuzhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanmulu"></use>
                </svg>
                <div class="name">资源目录</div>
                <div class="code-name">#icon-ziyuanmulu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujufenxi"></use>
                </svg>
                <div class="name">数据分析</div>
                <div class="code-name">#icon-shujufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuanquan"></use>
                </svg>
                <div class="name">数据安全</div>
                <div class="code-name">#icon-shujuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gunlizixitong_ic_sidebar_xitongpeizhi1"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#icon-gunlizixitong_ic_sidebar_xitongpeizhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-jiebang1x"></use>
                </svg>
                <div class="name">取消关联</div>
                <div class="code-name">#icon-a-jiebang1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-buju"></use>
                </svg>
                <div class="name">布局</div>
                <div class="code-name">#icon-buju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daotushiyingchuangkoudaxiao"></use>
                </svg>
                <div class="name">导图适应窗口大小</div>
                <div class="code-name">#icon-daotushiyingchuangkoudaxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xia"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#icon-xia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidonglianxian"></use>
                </svg>
                <div class="name">自动连线</div>
                <div class="code-name">#icon-zidonglianxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-baocun1"></use>
                </svg>
                <div class="name">保存 (1)</div>
                <div class="code-name">#icon-a-baocun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import"></use>
                </svg>
                <div class="name">导入1</div>
                <div class="code-name">#icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export"></use>
                </svg>
                <div class="name">导出数据</div>
                <div class="code-name">#icon-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daorudaochu"></use>
                </svg>
                <div class="name">导入导出</div>
                <div class="code-name">#icon-daorudaochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlizixitong_zuhuliebiao-copy"></use>
                </svg>
                <div class="name">任务列表</div>
                <div class="code-name">#icon-guanlizixitong_zuhuliebiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-icon-wenjianjia2"></use>
                </svg>
                <div class="name">icon-文件夹 2</div>
                <div class="code-name">#icon-a-icon-wenjianjia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qidong-copy"></use>
                </svg>
                <div class="name">运行</div>
                <div class="code-name">#icon-qidong-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qidong"></use>
                </svg>
                <div class="name">启动</div>
                <div class="code-name">#icon-qidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feizhi"></use>
                </svg>
                <div class="name">废止</div>
                <div class="code-name">#icon-feizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_gengduobeifen"></use>
                </svg>
                <div class="name">ic_more</div>
                <div class="code-name">#icon-ic_gengduobeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodansheji"></use>
                </svg>
                <div class="name">整改</div>
                <div class="code-name">#icon-biaodansheji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yangshiguanli"></use>
                </svg>
                <div class="name">引用列表</div>
                <div class="code-name">#icon-yangshiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuzidian"></use>
                </svg>
                <div class="name">字典</div>
                <div class="code-name">#icon-shujuzidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_bangding"></use>
                </svg>
                <div class="name">ic_数据服务链</div>
                <div class="code-name">#icon-ic_bangding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_bangding-copy"></use>
                </svg>
                <div class="name">关联</div>
                <div class="code-name">#icon-ic_bangding-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongyichangbaojingcishupaihang"></use>
                </svg>
                <div class="name">系统异常报警次数排行</div>
                <div class="code-name">#icon-xitongyichangbaojingcishupaihang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongtiaoyongyichang"></use>
                </svg>
                <div class="name">应用调用异常</div>
                <div class="code-name">#icon-yingyongtiaoyongyichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujufuwutongji"></use>
                </svg>
                <div class="name">数据服务统计</div>
                <div class="code-name">#icon-shujufuwutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrilianwangbaosong"></use>
                </svg>
                <div class="name">今日联网报送</div>
                <div class="code-name">#icon-jinrilianwangbaosong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujierutongji"></use>
                </svg>
                <div class="name">数据接入统计</div>
                <div class="code-name">#icon-shujujierutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrishujuhuiliu"></use>
                </svg>
                <div class="name">今日数据回流</div>
                <div class="code-name">#icon-jinrishujuhuiliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duixiangjiankong"></use>
                </svg>
                <div class="name">对象监控</div>
                <div class="code-name">#icon-duixiangjiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuantiaoyongyichangpaihang"></use>
                </svg>
                <div class="name">资源调用异常排行</div>
                <div class="code-name">#icon-ziyuantiaoyongyichangpaihang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrigaojingshengfen"></use>
                </svg>
                <div class="name">今日告警省份</div>
                <div class="code-name">#icon-jinrigaojingshengfen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baosongshengfenzongshu"></use>
                </svg>
                <div class="name">报送省份总数</div>
                <div class="code-name">#icon-baosongshengfenzongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrigaojingshu"></use>
                </svg>
                <div class="name">今日告警数</div>
                <div class="code-name">#icon-jinrigaojingshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojingzongshu"></use>
                </svg>
                <div class="name">告警总数</div>
                <div class="code-name">#icon-gaojingzongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrifuwuyichangshu"></use>
                </svg>
                <div class="name">今日服务异常数</div>
                <div class="code-name">#icon-jinrifuwuyichangshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuzhiliangguanli"></use>
                </svg>
                <div class="name">数据安全</div>
                <div class="code-name">#icon-fuwuzhiliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodanliebiao-copy"></use>
                </svg>
                <div class="name">质量规则</div>
                <div class="code-name">#icon-biaodanliebiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodanliebiao-copy-copy"></use>
                </svg>
                <div class="name">创建任务</div>
                <div class="code-name">#icon-biaodanliebiao-copy-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodanliebiao"></use>
                </svg>
                <div class="name">数据标准</div>
                <div class="code-name">#icon-biaodanliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bushu1x"></use>
                </svg>
                <div class="name">数据地图</div>
                <div class="code-name">#icon-a-bushu1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-suanfamoxinggoujian_biaoqian1x"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-a-suanfamoxinggoujian_biaoqian1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fuwuguanli_shoucang1x"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-a-fuwuguanli_shoucang1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuchengsheji-copy"></use>
                </svg>
                <div class="name">血缘</div>
                <div class="code-name">#icon-liuchengsheji-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuguanlizixitong_ic_topbar_fuwumenhu"></use>
                </svg>
                <div class="name">数据服务门户</div>
                <div class="code-name">#icon-fuwuguanlizixitong_ic_topbar_fuwumenhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhuangpeipingtai1x"></use>
                </svg>
                <div class="name">运维中心</div>
                <div class="code-name">#icon-a-zhuangpeipingtai1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuguanli"></use>
                </svg>
                <div class="name">数据服务</div>
                <div class="code-name">#icon-fuwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujudapan"></use>
                </svg>
                <div class="name">数据大盘</div>
                <div class="code-name">#icon-shujudapan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cunchukongjianbianhuaqushi"></use>
                </svg>
                <div class="name">存储空间变化趋势</div>
                <div class="code-name">#icon-cunchukongjianbianhuaqushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuaizhao"></use>
                </svg>
                <div class="name">快照</div>
                <div class="code-name">#icon-kuaizhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing"></use>
                </svg>
                <div class="name">模型</div>
                <div class="code-name">#icon-moxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongshu1-copy"></use>
                </svg>
                <div class="name">数据概览</div>
                <div class="code-name">#icon-zongshu1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cunchukongjian"></use>
                </svg>
                <div class="name">存储空间</div>
                <div class="code-name">#icon-cunchukongjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongshu1"></use>
                </svg>
                <div class="name">数据表</div>
                <div class="code-name">#icon-zongshu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jilushu"></use>
                </svg>
                <div class="name">记录数</div>
                <div class="code-name">#icon-jilushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjiegouhua-mian1"></use>
                </svg>
                <div class="name">半结构化-面</div>
                <div class="code-name">#icon-banjiegouhua-mian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banshujuhua"></use>
                </svg>
                <div class="name">半数据化</div>
                <div class="code-name">#icon-banshujuhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjiegouhua-mian"></use>
                </svg>
                <div class="name">半结构化-面</div>
                <div class="code-name">#icon-banjiegouhua-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feijiegouhua-mian"></use>
                </svg>
                <div class="name">非结构化-面</div>
                <div class="code-name">#icon-feijiegouhua-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feijiegouhuashuju"></use>
                </svg>
                <div class="name">非结构化数据</div>
                <div class="code-name">#icon-feijiegouhuashuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiegouhuashuju"></use>
                </svg>
                <div class="name">结构化数据</div>
                <div class="code-name">#icon-jiegouhuashuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiegouhuashuju-copy"></use>
                </svg>
                <div class="name">数据湖概览</div>
                <div class="code-name">#icon-jiegouhuashuju-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianduan"></use>
                </svg>
                <div class="name">线段</div>
                <div class="code-name">#icon-xianduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingshi"></use>
                </svg>
                <div class="name">定时</div>
                <div class="code-name">#icon-dingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1xxiaxianshenqing"></use>
                </svg>
                <div class="name">下线</div>
                <div class="code-name">#icon-a-1xxiaxianshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_bianjibeifen"></use>
                </svg>
                <div class="name">ic_编辑备份</div>
                <div class="code-name">#icon-ic_bianjibeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-shanchubeifen"></use>
                </svg>
                <div class="name">ic_delete</div>
                <div class="code-name">#icon-ic-shanchubeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_topbar_link"></use>
                </svg>
                <div class="name">ic_topbar_link</div>
                <div class="code-name">#icon-ic_topbar_link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-check"></use>
                </svg>
                <div class="name">basic-icon-check</div>
                <div class="code-name">#icon-basic-icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-up"></use>
                </svg>
                <div class="name">arrow-up</div>
                <div class="code-name">#icon-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_xinzeng"></use>
                </svg>
                <div class="name">ic_新增</div>
                <div class="code-name">#icon-ic_xinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-more"></use>
                </svg>
                <div class="name">basic-icon-more</div>
                <div class="code-name">#icon-basic-icon-more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxiangziyuanguanli-copy"></use>
                </svg>
                <div class="name">加工逻辑</div>
                <div class="code-name">#icon-gongxiangziyuanguanli-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxiangziyuanguanli"></use>
                </svg>
                <div class="name">运行</div>
                <div class="code-name">#icon-gongxiangziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down"></use>
                </svg>
                <div class="name">arrow-down</div>
                <div class="code-name">#icon-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-icon_calendar1x"></use>
                </svg>
                <div class="name">icon_calendar@1x</div>
                <div class="code-name">#icon-a-icon_calendar1x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-search1"></use>
                </svg>
                <div class="name">basic-icon-search</div>
                <div class="code-name">#icon-basic-icon-search1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxian"></use>
                </svg>
                <div class="name">上线</div>
                <div class="code-name">#icon-shangxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwugailan"></use>
                </svg>
                <div class="name">服务概览</div>
                <div class="code-name">#icon-fuwugailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwugailan"></use>
                </svg>
                <div class="name">任务概览</div>
                <div class="code-name">#icon-renwugailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongzhi"></use>
                </svg>
                <div class="name">终止</div>
                <div class="code-name">#icon-zhongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chenggong"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-chenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-tingzhi1"></use>
                </svg>
                <div class="name">停止 (1)</div>
                <div class="code-name">#icon-a-tingzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shibai"></use>
                </svg>
                <div class="name">失败</div>
                <div class="code-name">#icon-shibai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuisong"></use>
                </svg>
                <div class="name">推送</div>
                <div class="code-name">#icon-tuisong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-APIjieru"></use>
                </svg>
                <div class="name">API接入</div>
                <div class="code-name">#icon-APIjieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongshu"></use>
                </svg>
                <div class="name">总数</div>
                <div class="code-name">#icon-zongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuguanli"></use>
                </svg>
                <div class="name">任务管理</div>
                <div class="code-name">#icon-renwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-guanlizixitong-topbar-4A1-copy-copy"></use>
                </svg>
                <div class="name">数据流管理</div>
                <div class="code-name">#icon-a-guanlizixitong-topbar-4A1-copy-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shujuqingxi1-2"></use>
                </svg>
                <div class="name">数据清洗 (1)-2</div>
                <div class="code-name">#icon-a-shujuqingxi1-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingshiguanbi"></use>
                </svg>
                <div class="name">定时上线</div>
                <div class="code-name">#icon-dingshiguanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuanshujiaohuan"></use>
                </svg>
                <div class="name">传输交换</div>
                <div class="code-name">#icon-chuanshujiaohuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuguanli"></use>
                </svg>
                <div class="name">数据管控</div>
                <div class="code-name">#icon-shujuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukaifa"></use>
                </svg>
                <div class="name">数据开发</div>
                <div class="code-name">#icon-shujukaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-basic-icon-message1"></use>
                </svg>
                <div class="name">basic-icon-message 1</div>
                <div class="code-name">#icon-a-basic-icon-message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-search"></use>
                </svg>
                <div class="name">basic-icon-search</div>
                <div class="code-name">#icon-basic-icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-basic-icon-set"></use>
                </svg>
                <div class="name">basic-icon-set</div>
                <div class="code-name">#icon-basic-icon-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggongpeizhi"></use>
                </svg>
                <div class="name">公共配置</div>
                <div class="code-name">#icon-gonggongpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuotai"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icon-gongzuotai</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
